<template>
  <div class="content-panel">
    <van-row class="header-wrapper">
      <div class="header">
        <van-col span="20">
          <div class="title">{{titleText}}</div>
        </van-col>
        <van-col span="4">
          <div class="more">更多 ></div>
        </van-col>
      </div>
    </van-row>
    <div class="content">
      <slot></slot>
    </div>
  </div>
</template>

<script>

export default {
  props: {
    titleText: {
        default: '面板名称'
    }
  },
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {}
};
</script>

<style scoped lang="sass">
@import "../../common/style/variable.sass"

.content-panel
    padding: 20rpx
    .header
        height: 60rpx
        line-height: 60rpx
        margin: 0 0 20rpx 0
        // background-color: blue
        .title
            font-size: 30rpx
        .more
            text-align: right
            color: $grey-font-color
            font-size: 25rpx
        
</style>
